<script type="text/javascript" src="{{$LAYOUT_HELPER_URL}}front/js/jquery.validate.js" ></script>
	<script type="text/javascript">
		jQuery(document).ready(function(){
			// validate signup form on keyup and submit
		    jQuery("#form_login").validate({
		        rules: {
		            'username': "required",
		            'password': {
		                required: true,
		                minlength: 6
		            }
		        },
		        messages: {
		            'username': "",
		            'password': "",
		        }
		    });
		});
	
		function submitForm() {
			jQuery("#form_login").submit();
		}
		
	</script>

	<div id="line-yell"></div>
    <div id="login-box">
    	<div id="title">
    		<span class="yel">Đăng nhập tài khoản cá nhân</span>
		</div>		
        <div id="login-box-left">			
           <div id="login-box-left-content">
                <div id="login-title">Đăng nhập</div>
                <div id="login-box-content">
                    <form  method="post" name="form_login" id="form_login" action="" >
                    
					{{if $loginError}}
					<div class="notification-error">
						{{l}}Username or Password is incorrect{{/l}}
					</div>
					{{/if}}
						               
                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <th style="width:80px;text-align:right;"><span class="required">*</span>Tài khoản:</th>
                        <td><input name="username" id="username" type="text" value="" /></td>
                      </tr>
                      <tr>
                        <th style="width:80px;text-align:right;"><span class="required">*</span>Mật khẩu:</th>
                        <td><input name="password" type="password" id="password" value="" style="width:150px;" /></td>
                      </tr>
                      
                      <tr>
                        <th>&nbsp;</th>
                        <td style="line-height:28px;">
                            <input type="button" class="button-content" value="Đăng nhập" style="float:left; margin-right:5px;" onclick="javascript:submitForm();" />
                            <a href="">Quên mật khẩu?</a>
                        </td>
                      </tr>
                    </table>
					</form>
                </div>
                <div id="login-rigister">
                    <p>Bạn chưa có tài khoản ví điện tử NgânLượng.vn?</p>
                    <p><a href=""><img src="{{$LAYOUT_HELPER_URL}}front/images/button-registration-index.png" /></a></p>
                </div>
            </div>
        </div>
        <div style="border: 1px solid #E8E8E8; float: left; overflow: hidden; padding: 1px; margin-left: 9px; background: #f2f2f2; text-align: justify;width: 550px;">
        	<div style="padding: 10px 19px; min-height: 228px;">
            <p>
            	Nunc aliquam dui augue, non dignissim velit. Nunc viverra, ante volutpat commodo mattis, nibh urna tincidunt nunc, non dapibus diam lacus ut metus. Etiam a ligula neque. Nullam et porta leo. Cras laoreet posuere dui, id varius elit imperdiet eget. Vestibulum ipsum magna, sagittis eget lobortis non, elementum sed nisl. In hac habitasse platea dictumst. Sed sagittis ipsum sit amet eros placerat sit amet facilisis enim malesuada. Quisque posuere aliquet magna. Morbi sodales aliquam sodales. Ut vitae sem nisi, at rhoncus nibh. <br><br>
                Donec in venenatis massa. Mauris rhoncus posuere dolor eu commodo. Integer tincidunt pretium volutpat. Nullam viverra porttitor velit, a commodo ante tempor ac. Nulla facilisi. Nunc porttitor eros eget ipsum ornare dictum viverra mi porta.Maecenas vel nulla lobortis lectus condimentum sollicitudin sed et elit. Aenean blandit odio ac nisl mollis et placerat odio imperdiet. Donec eleifend volutpat 
            </p>
            </div>
        </div>
    </div>
